<template>
    <div class="shu">
        <div v-for="n in datalist" :key="n" class="tutu">
            <img :src="n.img.replace('w.h','100.120')">
            <p>{{n.nm}}</p>
        </div>
    </div>
</template>
<script>
import { get} from "@/api/http"
export default {
    data(){
        return{
            datalist:[],
        };
    },
    async created(){
        let rs = await get("/api/coming");
        this.datalist = rs.data;
    }
}
</script>

<style lang="scss" scoped>
.tutu{
    widows: 100%;
    float: left;
    margin-top:10px;
    margin-right:10px;

    img{
        width: 100px;
        height: 120px;
    }
    p{
        font-size: 12px;
    }
}
.shu{
    margin: 0 auto;
    text-align: center;
    margin-left:25px;
}
</style>